<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=sho, initial-scale=1.0">
    <title>首页</title>
</head>

<body class="dpflex column">
    <div class="main flex1">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide sp1"></div>
                <div class="swiper-slide sp2"></div>
                <div class="swiper-slide sp3"></div>
            </div>
        </div>
        <div class="container">
            <div class="item1 dpflex">
                <div class="rank">
                    <div class="text">今日排名</div>
                    <div class="rankNum">9</div>
                </div>
                <div class="clock">
                    <div class="text">累计打开
                        <span>23</span>天
                    </div>

                    <div class="btn2">立即打卡</div>
                </div>
            </div>
            <div class="item2 dpflex">
                <div class="motion">
                    <div class="text1">运动数据</div>
                </div>
                <div class="badge">
                    <div class="text">累积运动徽章</div>
                    <div class="badgenum">
                        <span>3</span>枚
                    </div>

                </div>
            </div>
            <div class="item3">
                <div class="text1">训练课程</div>
            </div>
            <div class="item4">
                <div class="text1">户外跑步</div>
            </div>

        </div>
    </div>

</body>

</html>